<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Login</title>
  <link rel="stylesheet" href="/css/nav.css">
  <link rel="stylesheet" href="./css/login.css">
</head>
<body style="background-color: beige;">
  <nav>
    <div class="navtitle"><strong>珍馐美馔</strong>|小黄人美食铺</div>
    <a href="/home.html">主页</a>
    <a href="/popular.html">热门</a>
    <a href="/new.html">新品</a>
    <a href="/菜系.html">菜系</a>
    <a href="/login.html">登录</a>
    <a href="/contact.html">联系我们</a>
    <div class="navanim denglu"></div>
    <div class="none"></div>
  </nav>
  <div class="container">
    <div class="log">
      <form action="/home.html">
        <div>
          <h1 align="center">用户登录</h1>
          <div class="input">
            <span>用户名 <label style="color: red">* </label></span>
            <input type="text" placeholder="请输入用户名" required name="name" class="input-text" >
            <!-- 开始输入时，placeholder文本会自动消失 -->
          </div>
          <div class="input">
            <span>密码 <label style="color: red">*</label></span>
            <input type="password" placeholder="请输入密码" required name="password" class="input-text">
          </div>
        </div>
        <div align="center">
          <input type="submit" value="提交" class="submit">
        </div>
      </form>
    </div>
    <div class="reg">
      <div class="reg_1">
        <h2>没有账号？</h2>
        <p>立即加入我们，和我们一起开启美食之旅吧</p>
        <a href="./register.html">
          <button class="sign">注册</button>
        </a>
      </div>
    </div>
  </div>
</body>
</html>